@import './variable';
.content-common {
    display: flex;
    flex-direction: column;
    .content-info {
        flex-grow: 1;
        overflow-x: hidden;
        .content-info-container {
            .title {
                line-height: 36px;
                padding-left: 20px;
                font-size: @font-size-medium;
                border: 1px solid #dcdee3;
                border-bottom: none;
                background-color: #ebeff5;
            }
        }
    }
}
.form-info{
    .form-list{
        display: flex;
        font-size: @font-size-small-x;
        &>div{
            display: flex;
            width: 50%;
        }
        .form-item{
            &>div{
                height: 100%;
            }
            .label{
                width: 120px;
                flex-shrink: 0;
                line-height: 34px;
                padding-right: 10px;
                background-color: #f0f3f4;
                border: 1px solid #dcdee3;
                text-align: right;
                border-right: none;
                span:not(:last-of-type){
                    color:#C62828;
                }
            }
            .input{
                border: 1px solid #dcdee3;
                flex-grow: 1;
                /deep/.ivu-tooltip-rel,& div,input{
                    height: 100%;
                }
                .error-class{
                    border:1px solid #C62828!important;
                }
                input,textarea{
                    width: 100%;
                    padding-left: 10px;
                    border:none;
                    &:focus{
                        border: 1px solid #4CBDA9;
                        outline: none;
                    }
                }
                .upload {
                    padding: 10px;
                }
            }
        }
        &>div:not(:first-of-type){
            .label{
                border-left: none;
            }
        }
    }
    .form-list:not(:first-of-type){
        .label,.input{
            border-top: none;
        }
    }
    .through > div{
        width: 100%;
    }
    /deep/.el-select{
        width: 100%;
        .el-input__inner{
            border: none;
            height: 34px;
        }
        .el-input {
            font-size: @font-size-small-x;
        }
        .is-focus input {
            border: 1px solid #4CBDA9;
        }
    }
    /deep/.ivu-date-picker{
        width: 100%;
        .ivu-input{
            height: 34px;
            border-radius: 0;
            border: none;
            &:focus{
                border: 1px solid #4CBDA9;
                outline: none;
            }
        }
        input{
            box-shadow: none;
        }
    }
    /deep/.el-upload-list--picture-card .el-upload-list__item {
        margin: 0 8px 0 0;
    }
}
:-moz-placeholder{
    color: #BFC0C4;
}
:-ms-input-placeholder{
    color: #BFC0C4;
}
::-webkit-input-placeholder{
    color: #BFC0C4;
}